/*
 * @Author: xiongchao
 * @Date: 2024-02-28 17:22:40
 * @LastEditors: xiongchao
 * @LastEditTime: 2024-02-29 10:53:37
 * @Description: TODO
 */
import Vue from 'vue'
import VueRouter from 'vue-router'
import HomeView from '../views/HomeView.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
  {
    path: '/about',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
  },
  {
    path: '/carousel',
    name: 'carousel',
    component: () => import(/* webpackChunkName: "carousel" */ '../views/carousel/index.vue')
  },
  {
    path :"/swiper",
    name : "swiper",
    component : () => import(/* webpackChunkName: "swiper" */ '../views/carousel/swiper.vue')
  },
  {
    path: "/2d/sun",
    name: "2d-sun",
    component: () => import(/* webpackChunkName: "2d-sun" */ '../views/2d/sun/index.vue')
  }
]

const router = new VueRouter({
  routes
})

export default router
